<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>jQuery带背景切换登录注册表单</title>
<link rel="stylesheet" th:href="@{/login/css/style.css}" />
<body>

<div class="register-container">
	<h1>ShareLink</h1>
	
	<div class="connect">
		<p>Link the world. Share to world.</p>
	</div>
	<form th:action="@{/addUser}" action="" method="post" id="registerForm">
		<div>
			<input type="text" name="username" class="username" placeholder="您的用户名" autocomplete="off"/>
		</div>
		<div>
			<input type="password" name="password" class="password" placeholder="输入密码" oncontextmenu="return false" onpaste="return false" />
		</div>
		<div>
			<input type="password" name="confirm_password" class="confirm_password" placeholder="再次输入密码" oncontextmenu="return false" onpaste="return false" />
		</div>
		<div>
			<input type="text" name="telephone" class="telephone" placeholder="输入手机号码" autocomplete="off" id="number"/>
		</div>
		<div>
			<input type="email" name="email" class="email" placeholder="输入邮箱地址" oncontextmenu="return false" onpaste="return false" />
		</div>

		<button id="submit" type="submit">注 册</button>
	</form>
	<a th:href="@{/relogin}">
		<button type="button" class="register-tis">已经有账号？</button>
	</a>
</div>


<script th:src="@{/login/js/jquery.min.js}"></script>
<script th:src="@{/login/js/common.js}"></script>
<!--背景图片自动更换-->
<script th:src="@{/login/js/supersized.3.2.7.min.js}"></script>
<script th:src="@{/login/js/supersized-init.js}"></script>
<!--表单验证-->
<script th:src="@{/login/js/jquery.validate.min.js?var1.14.0}"></script>

</body>
</html>